<template>
    <div>
        <!-- 轮播图下的五个导航 -->
        <van-grid :column-num="channelArr.length">
            <van-grid-item v-for="item in channelArr" :key="item.id" :icon="item.icon_url" :text="item.name" @click='con(item.id)' />
        </van-grid>
    </div>
</template>
<script>
export default {
    name: '',
    data() {
        return {};
    },
    props:['channelArr'],
    methods:{
        con(id){
            this.$router.push({path:'/channel',query:{id:id}})
            console.log(id,'首页点击的id值')
        }
    }


}

</script>
<style scoped>

</style>